<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
          margin: 0;
        }
        .header{
          height: 38px;
          background-color: #333;

        }
        .container{
          width: 1226px;
          margin: 0 auto;

        }
        .header .menu{
          float: left;
          color: white;
          height: 38px;
          line-height: 38px;

        }
        .header .account{
          float:right;
          color:white;
          height: 38px;
          line-height: 38px;


        }
        .container  a{
          color:#b0b0b0;
          line-height: 40px;
          display: inline-block;
          font-size: 12px;
          margin-right: 10px;
        }
        body{
        margin:0;
        }
        .sub-header{
          height: 100px;
          background-color: #b0b0b0;
          border: 3px solid green;
        }
        .container{
          width: 1128px;
          margin: 0 auto;
          border: 2px solid yellow;

          /*border-left: 1px solid red;*/
          /*border-right: 1px solid red;*/
        }
        .container a:hover{
            color: white;
        }
        .sub-header .ht{
            height: 100px;
        }
        .sub-header .logo{
            width: 234px;
            border: 1px solid red;
            float:left;

        }
        .sub-header .logo a {
            margin-top:22px;
            display:inline-block;
        }
        .sub-header .logo a img{
            height: 56px;
            width: 56px;
        }
        .sub-header .menu-list{
            float: left;

            line-height: 100px;
            border: 1px solid red;
        }
        .sub-header .menu-list a{
            display: inline-block;
            padding: 0 20px;
            color: #333;
            font-size: 16px;
            text-decoration: none;
        }
        .sub-header .menu-list a:hover{
            color:red;
        }
        .sub-header .search{
            float:right;
        }
      </style>
</head>
<body>
<div class="header">
    <div class="container">
      <div class="menu">
        <a href="https://www.mi.com/">小米商城</a>
        <a href="https://www.mi.com/">MIUI</a>
        <a href="https://www.mi.com/">云服务</a>
        <a href="https://www.mi.com/">有品</a>
        <a href="https://www.mi.com/">开放平台</a>
      </div>
      <div class="account">
        <a href="https://www.mi.com/">登录</a>
        <a href="https://www.mi.com/">注册</a>
        <a href="https://www.mi.com/">消息通知</a>
      </div>
      <div style="clear: both"></div>
    </div>

  </div>

<div class="sub-header">
  <div class="container">
    <div class="logo ht">
        <a href="https://www.mi.com/" style="">
            <img src="images/logo-mi2.jpg" style=" ">
        </a>
    </div>
    <div class="menu-list ht ">
        <a href="https://www.mi.com">小米手机</a>
        <a href="https://www.mi.com">红米手机</a>
        <a href="https://www.mi.com">电视</a>
        <a href="https://www.mi.com">笔记本</a>
        <a href="https://www.mi.com">平板</a>
    </div>

    <div class="search ht">3</div>
    <div class="clear:both"></div>

  </div>
</div>



</body>
</html>